.footer{
    height: 305px;
    background-color: #383b48;
}
.footer .wei{
    width: 150px;
    height: 48px;
    padding: 36px 0 0 20px;
    margin: 0 auto;
}
.footer .wei li{
    display: inline-block;
    margin: 0 7px;
}
.footer .wei li a{
    display: block;
}
.footer .wei li .weibo{
    width: 48px;
    height: 48px;
    background-image: url(https://shared-https.ydstatic.com/market/ynote-website/weibo.svg);
}
.footer .wei li .weibo:hover{
   background-image: url(https://shared-https.ydstatic.com/market/ynote-website/weibo-hover.svg);
}
.footer .wei li .wechat{
    width: 48px;
    height: 48px;
    background-image: url(https://shared-https.ydstatic.com/market/ynote-website/wechat.svg);
    position: relative;
}
.footer .wei li .wechat img{
    position: absolute;
    top: -183px;
    left: -55px;
    opacity: 0;
    visibility: hidden;
    z-index: 11; 
    transition: all .3s linear;
}
.footer .wei li .wechat:hover{
    background-image: url(https://shared-https.ydstatic.com/market/ynote-website/wechat-hover.svg);
}
.footer .wei li .wechat:hover img{
    visibility: visible;
    opacity: 1;
}
.footer .exchange{
    display: flex;
    justify-content: center;
}
.footer .exchange a{
    color: #a8abb3;
    text-align: center;
    padding-top: 32px;
    font-size: 15px;
    font-weight: bold;
}
.footer .exchange a:hover{
   color: #fff;
}
.footer .about{
    color: #a8abb3;
    text-align: center;
    padding-top: 23px;
}
.footer .about li{
    display: inline-block;
    margin: 0 3px;
}
.footer .about li a{
    font-size: 14px;
    color: #a8abb3;
}
.footer .about li a:hover{
    color: #fff;
}
.footer .bot-line{
    width: 1200px;
    border-bottom: 1px solid #ffffff;
    opacity: 0.1;
    padding-top: 32px;
    margin: 0 auto;
}
.footer .copyright{
    text-align: center;
    font-size: 14px;
    padding-top: 32px;
    opacity: 0.6;
    color: #a8abb3;
}